
<div style="position: relative;" class="mt10">
  <mat-card>
    <mat-card-title class="clearfix">
      {{'预售宝贝' |translate}}<b class="date pl5">{{date | dateFormat}}</b>
      <div class="right">
        <a mat-raised-button color="primary" (click)="export()">{{'下载'|translate}}</a>
      </div>
    </mat-card-title>
    <div class="divider"></div>
    <ngx-busy [busy]="busy"></ngx-busy>
    <table class="responsive-table bordered highlight" id="shopExport">
      <thead>
        <tr>
          <th *ngFor="let column of columns;let $index = index" [innerHTML]="column.title |translate" [ngClass]="column.class"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let prod of vm.table.products | paginate: { itemsPerPage: param.rows, currentPage: vm.page, totalItems: vm.table.count,id: 'products_table'};let $index = index;">

          <td>
            <a href="https://item.taobao.com/item.htm?id={{prod.numberId}}" target="_blank">
              <img [src]="prod.picUrl" class="w80">
            </a>
          </td>
          <td style="max-width: 240px;">
            <div class="product-p">
              <a href="javascript:;" class="product-title linkHover normal" [title]="prod.title" [innerHTML]="prod.title"></a>
              <!-- taobao -->
              <a class="grey-text" title="去淘宝" href="https://item.taobao.com/item.htm?id={{prod.numberId}}" target="_blank"><i class="fa fa-external-link cp f16"></i></a>
            </div>
          </td>
          <!-- 品牌 -->
          <td *ngIf="!prod.brandName">-</td>
          <td *ngIf="prod.brandName">
            <!-- 查看品牌详情 -->
            <span [innerHTML]="prod.brandName"></span>
          </td>

          <td>{{prod.sellAmount||0 | number:'1.0-0' }}</td>
          <td><span class="tm-yen">¥</span>{{prod.priceYuShou | number:'1.0-2'}}</td>
          <!-- 月销 -->
          <td><span class="tm-yen">¥</span>{{prod.dingJin}}可抵<span class="tm-yen">¥</span>{{prod.diKou}}</td>


          <!-- time -->
          <!-- <td *ngIf="vm.param.newPorduct">{{prod.publishTime | date:'yyyy-MM-dd'}}</td> -->
        </tr>
        <tr *ngIf="vm.table.products.length ==0">
          <td colspan="10" class="center-align">{{'暂无数据'|translate}}</td>
        </tr>
      </tbody>
    </table>
    <pagination-controls class="center-align pt20" id="products_table" (pageChange)="pageChanged($event)" maxSize="9" directionLinks="true" autoHide="true">
    </pagination-controls>
  </mat-card>
</div>
